<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title> <#$siteinfo.shopname#></title>

<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

<meta name="apple-mobile-web-app-capable" content="yes">

<meta name="apple-mobile-web-app-status-bar-style" content="black">

<meta name="format-detection" content="telephone=no">

<meta charset="utf-8">

<link href="<#$Theme['P']['root']#>/wap/css/ty/news.css" rel="stylesheet" type="text/css" />

<script src="<#$Theme['P']['root']#>/wap/js/ty/iscroll.js" type="text/javascript"></script>

<script type="text/javascript">

var myScroll;
function loaded() {
myScroll = new iScroll('wrapper', {
snap: true,
momentum: false,
hScrollbar: false,
onScrollEnd: function () {
document.querySelector('#indicator > li.active').className = '';
document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
}
 });
}
document.addEventListener('DOMContentLoaded', loaded, false);


</script>

<style type="text/css">

#scroller {

width:0px;

}

</style>

</head>



<body id="cate1">

<link rel="stylesheet" href="<#$Theme['P']['js']#>/swiper/swiper.css">
<style>
.device {
  width: 100%;
  min-height: 195px;
  position: relative;
  margin:auto;
}

.swiper-container {
  min-height: 195px;
  width: 100%;

}

.swiper-container img{
  min-height: 195px;
  max-height:460px;
}

.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  margin-top:-25px;

  width: 100%;
  z-index:8000;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

</style>


<div class="device" id="swipe-wrap">
    <div class="swiper-container">
      <div class="swiper-wrapper">
       		<volist name="flash" id="so">
		 		 <div  class="swiper-slide"><a href="<#$so['url']|htmlspecialchars_decode#>"><img src="<#$so['ad_thumb']#>" height="195px;" width="100%"></a></div>
				 
			</volist>
      </div>
    </div>
    <div class="pagination"></div>
  </div>

  <script src="<#$Theme['P']['js']#>/swiper/swiper.js""></script>
  <script>
  var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    loop:true,
    grabCursor: true,
    paginationClickable: true,
	autoplay:3000,
  });

	

/*
	var count = document.getElementById("swipe-wrap").getElementsByTagName("img").length;	
	for(i=0;i<count;i++){
		document.getElementById("swipe-wrap").getElementsByTagName("img").item(i).style.cssText = " width:"+$(document).width()+"px";
	}



	window.onresize = function(){ 
		for(i=0;i<count;i++){
			document.getElementById("swipe-wrap").getElementsByTagName("img").item(i).style.cssText = " width:"+$(document).width()+"px";
		}		
	} 
*/

</script>



<ul class="mainmenu">



 <volist name="classinfo" id="vo">  

<li>

<div class="menubtn">

<a href="<#:showclass_common($vo,$wechaid)#>">

<div class="menumesg">

<div class="menuimg"><img src="<#$vo['titlepic']#>" /></div>

<div class="menutitle"><#$vo['title']#></div>

</div>

</a>

</div>



</li>

 </volist>	

<div class="clr"></div>

</ul>



<eq name="copyright" value="0">

<div class="copyright"  >

 <#$siteinfo.shopname#>

</div>

</eq>

<div style="display:none"></div>
 <div style="display: none">
      <script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fb4df14f7d15ea43d9bbc8bf23175bd2f' type='text/javascript'%3E%3C/script%3E"));
</script>
      </div>
</body>

</html>

